.post-relative-time-status {

	display: inline-block;

	.gridicon {
		display: inline-block;
		margin: 0 4px 0 0;
		vertical-align: middle;
	}

	// Apply colors on /posts/* cards
	.is-sticky {
		color: var( --color-primary );
	}
	.is-pending {
		color: var( --color-warning );
	}
	.is-scheduled {
		color: var( --color-accent );
	}
	.is-trash {
		color: var( --color-error );
	}
	.is-private {
		color: var( --color-primary-dark );
	}
}

a.post-relative-time-status__link {
	color: var( --color-text-subtle );
}

.post-relative-time-status__time,
.post-relative-time-status__status {
	display: inline-block;
	margin-right: ( 11 / 12 ) * 1em;
}

.post-relative-time-status__time-text,
.post-relative-time-status__status-text {
	vertical-align: middle;
	display: inline-block; // makes the ::first-letter apply

	&::first-letter {
		text-transform: capitalize;
	}
}
